<template>
  <el-dialog :title="'详细数据'" v-model="visible"
             style="width: 60vw;"
             :close-on-click-modal="false" draggable>

    <div >
      <duorou-kgnpk-dev-data-info v-if="visible" :duorouKgnpkDevData="thisPageState.duorouDevData"></duorou-kgnpk-dev-data-info>
    </div>
  </el-dialog>
</template>

<script setup lang="ts" name="DuorouKgnpkDevDataDialog">
import {useDict} from '/@/hooks/dict';
import {useMessage} from "/@/hooks/message";

// 引入 氮磷钾数据检测数据详细信息 组件
const DuorouKgnpkDevDataInfo = defineAsyncComponent(() => import('/@/views/iot/iotDevice/deviceRunData/duorouKgnpkDevData/duorouKgnpkDevDataInfo/index.vue'));

// const emit = defineEmits(['refresh']);

const visible = ref(false)


/**
 * 自己定义的页面state
 */
const thisPageState=reactive({
  duorouDevData:null
})

// 打开弹窗
const openDialog = (duorouDevData: object) => {
  visible.value = true
  thisPageState.duorouDevData=duorouDevData

};

// 暴露变量
defineExpose({
  openDialog
});
</script>